<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>我的网购</title>
        <link href="style/style.css" rel="stylesheet" type="text/css">
        <link href="style/index.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="js/jquery-1.6.4.js"></script>
		<script type="text/javascript" src="js/jquery.blockUI.js"></script>
		<script type="text/javascript" src="js/jquery.xml2json.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
    </head>
    <body>
    	
		<div class="login-panel">
			<div class="login-inner clear">
				<div class="login-div">
					<form id="login-form" action="login" method="post">
						<fieldset class="clear">
							<ul>
								<li>
									
									<span>邮箱号:</span>
									<input type="text" class="input-style" name="email"/>
									<label>注册新账号</label>
								
								</li>
								<li>
									<span>密码:</span>
									<input type="password" class="input-style" name="password">
									
									<label>忘记密码？</label>
								</li>
								<li>
									<input type="submit" value="登录"/>
								</li>
								<li>
									<span><a href="#" id="close-login">关闭</a></span>	
								</li>
							</ul>
							
							
						</fieldset>
					</form>
				</div>
			</div>
			
		</div>
		
        <div class="toolbar">
            <!--工具栏-->
            <div class="inner clear">
                <div class="col_links">
                    <a href="#" class="on">网购</a>
                    <a href="#">拍拍</a>
                    <a href="#">商城</a>
                </div>
                <div class="col_userinfo">
                    <ul class="clear">
                        <li id="login_status">
                             <span id="loginpanel"><span>欢迎来到我的网购请【</span><a href="#" id="login">登录</a><span>】新用户?<a href="Register.html">注册</a></span></span>
							 <span id="welcomepanel" style="display:none"><span>欢迎来到我的网购【</span><a href="#" id="loginer">登录</a><span>】<a href="#" id="butn_logout">安全退出</a></span></span>
                        </li>
                        <li id="nickname">
                        </li>
                        <li class="pipe">
                            |
                        </li>
                        <li class="user_account" id="account_toolbar">
                            <a href="#">我的网购</a>
                        </li>
                        <li>
                            <a id="logout" href="#" style="display: none; ">退出</a>
                        </li>
                    </ul>
                </div>
            </div>
            <span class="shadow"></span>
        </div>
        <!-- head标题栏 -->
        <div class="header">
            <div class="min-width">
                <div class="logo">
                	<h2>我的网购</h2>
                    <a href="index.html">我的网购</a>
                </div>
                <div class="logo_desp">
                	
					
                </div>
                <div class="logo_right">
                    <div class="search">
                    	<fieldset>
                    		
							<span>
								<input type="text">
								<input type="submit" value="search" class="submit-search">
							</span>
							
                    	</fieldset>
                    </div>
                </div>
            </div>
        </div>
		
		<!--nav-->
		<div class="nav">
			<ul id="nav_toolbar" class="nav_wide clear">
				
				<li name="home" class="nav_home">
					<a href="index.html">首页</a>
				</li>
				<li name="sports_toolbar" class="nav_sports">
					<a href="#">运动鞋包</a>
				</li>
				<li name="3c_toolbar" class="nav_3c">
					<a href="#">数码家电</a>
				</li>
				<li name="diamong_toolbar" class="nav_diamond">
					<a href="#">珠宝首饰</a>
				</li>
				<li name="market_toolbar" class="nav_market">
					<a href="#">生活超市</a>
				</li>
				<li name="clothes_toolbar" class="nav_clothes">
					<a href="#">潮流服装</a>
				</li>
				<li name="books_toolbar" class="nav_books">
					<a href="#">图书影视</a>
				</li>
			</ul>
			<ul id="nav_narrow" class="nav_narrow">
				<li><a href="#">特惠<a></li>
				<li><a href="#">新品</a></li>
				<li><a href="#">专区</a></li>
			</ul>
			<div id="buycart_info" class="buycart_info">
				<span>购物车</span><span id="buycart_number">0</span><span>件</span>
			</div>
		</div>
		
		<!--dropdown-->
		<div class="dropdown_wrap">
			
			<div id="3c_toolbar" class="dropdown_cont custom_3c" style="display:none">
				
				<div name="item" class="item">
					<div name="hd" class="hd">
						电脑/网络/办公
					</div>
					<ul name="电脑/网络/办公" class="bd">
						<li name="笔记本">
							<a href="#">笔记本</a>
						</li>
						<li name="平板电脑">
							<a href="#">平板电脑</a>
						</li>
						<li name="台式机">
							<a href="#">台式机</a>
						</li>
						<li name="移动硬盘">
							<a href="#">移动硬盘</a>
						</li>
						<li name="音箱">
							<a href="#">音箱</a>
						</li>
						<li name="耳机">
							<a href="#">耳机</a>
						</li>
						<li name="鼠标">
							<a href="#">鼠标</a>
						</li>
						<li name="键盘">
							<a href="#">键盘</a>
						</li>
						<li name="路由器">
							<a href="#">路由器</a>
						</li>
						<li name="CPU">
							<a href="#">CPU</a>
						</li>
						<li name="内存">
							<a href="#">内存</a>
						</li>
						<li name="显卡">
							<a href="#">显卡</a>
						</li>
						<li name="显示器">
							<a href="#">显示器</a>
						</li>
						<li name="打印设备">
							<a href="#">打印设备</a>
						</li>
						<li name="耗材">
							<a href="#">耗材</a>
						</li>
						<li name="办公文具">
							<a href="#">办公文具</a>
						</li>
					</ul>
				</div>
				
				<div name="item" class="item">
					<div name="hd" class="hd">
						手机/摄影/数码
					</div>
					<ul name="手机/摄影/数码" class="bd">
						<li name="手机">
							<a href="#">手机</a>
						</li>
						<li name="充电器">
							<a href="#">充电器</a>
						</li>
						<li name="手机电池">
							<a href="#">手机电池</a>
						</li>
						<li name="蓝牙耳机">
							<a href="#">蓝牙耳机</a>
						</li>
						<li name="单反相机">
							<a href="#">单反相机</a>
						</li>
						<li name="数码相机">
							<a href="#">数码相机</a>
						</li>
						<li name="镜头">
							<a href="#">镜头</a>
						</li>
						<li name="摄像机">
							<a href="#" target="_blank">摄像机</a>
						</li>
						<li name="苹果专区">
							<a href="#">苹果专区</a>
						</li>
						<li name="娱乐影音">
							<a href="#">娱乐影音</a>
						</li>
						<li name="相机电池">
							<a href="#">相机电池</a>
						</li>
						<li name="相机包">
							<a href="#">相机包</a>
						</li>
						<li name="U盘">
							<a href="#">U盘</a>
						</li>
						<li name="储存卡">
							<a href="#">储存卡</a>
						</li>
					</ul>
				</div>
				
				<div name="item" class="item">
					<div name="hd" class="hd">
						生活电器/个人护理电器
					</div>
					<ul name="生活电器/个人护理电器" class="bd">
						<li name="电饭煲">
							<a href="#" target="_blank">电饭煲</a>
						</li>
						<li name="电磁炉">
							<a href="#" target="_blank">电磁炉</a>
						</li>
						<li name="电烤箱">
							<a href="#" target="_blank">电烤箱</a>
						</li>
						<li name="微波炉">
							<a href="#" target="_blank">微波炉</a>
						</li>
						<li name="豆浆机">
							<a href="#" target="_blank">豆浆机</a>
						</li>
						<li name="煮蛋器">
							<a href="#" target="_blank">煮蛋器</a>
						</li>
						<li name="电水壶">
							<a href="#" target="_blank">电水壶</a>
						</li>
						<li name="吸尘器">
							<a href="#" target="_blank">吸尘器</a>
						</li>
						<li name="饮水机">
							<a href="#" target="_blank">饮水机</a>
						</li>
						<li name="挂烫机">
							<a href="#" target="_blank">挂烫机</a>
						</li>
						<li name="电吹风">
							<a href="#" target="_blank">电吹风</a>
						</li>
						<li name="美发器">
							<a href="#" target="_blank">美发器</a>
						</li>
						<li name="剃须刀">
							<a href="#" target="_blank">剃须刀</a>
						</li>
						<li name="脱毛器">
							<a href="#" target="_blank">脱毛器</a>
						</li>
						<li name="按摩器">
							<a href="#" target="_blank">按摩器</a>
						</li>
						<li name="灭蚊器">
							<a href="#" target="_blank">灭蚊器</a>
						</li>
					</ul>
				</div>
			</div>
			<div id="sports_toolbar" class="dropdown_cont custom_sports" style="display:none"></div>
			<div id="diamong_toolbar" class="dropdown_cont custom_diamond" style="display:none"></div>
			<div id="market_toolbar" class="dropdown_cont custom_life" style="display:none"></div>
			<div id="clothes_toolbar" class="dropdown_cont custom_cos" style="display:none"></div>
			<div id="books_toolbar" class="dropdown_cont custom_books" style="display:none"></div>
			
		</div>
		
		<!--main-->
		<div class="main">
			<!--S侧边栏-->
			<div class="col_main">
				
				<div class="sliding_banner">
					
					<!-- -785px -1570px -2355px -3240px -3925px -->
					<ul class="slide_panel" style="position: relative; width: 3925px; left: -785px; ">
						<li  style="width: 785px; float: left; visibility: visible; position: relative; left: 3925px; ">
							<a><img class="panelimg" src="images/785_220.jpg"></a>
						</li>
						<li style="width: 785px; float: left; visibility: visible;">
							<a><img class="panelimg" src="images/785x220.jpg"></a>
						</li>
						<li style="width: 785px; float: left; visibility: visible; ">
							<a><img class="panelimg" src="images/785x220_1 (1).jpg"></a>
						</li>
						<li style="width: 785px; float: left; visibility: visible; ">
							<a><img class="panelimg" src="images/785x220_1.jpg"></a>
						</li>
						<li style="width: 785px; float: left; visibility: visible; ">
							<a><img class="panelimg" src="images/785x220_4.jpg"></a>
						</li>
					</ul>
					<div class="panel_controll"></div>
				</div>
				
			</div>
			<div class="col_side">
				
				<div class="sidebox">
					<h3 class="side-title">特惠信息</h3>
					<div class="inner">
						<a href="#"><img src="style/images/item-4E991AD9-160x160.jpg" title="Sony索尼 4G U盘" width="120px" height="120px"></a>
						<div class="mark_price">$14.4</div>
						<div class="name"><a href="#">Sony 索尼 4G U盘</a></div>
						
						<span></span>
					</div>
				</div>
				
			</div>
			
		</div>
		
		
		<!--service-->
		<div class="service_banner"></div>
		<div class="service_list">
			<div class="inner">
				<div class="item">
					<div class="item_cont">
						<h4><span>购物支付</span></h4>
						<p>
							<a hidefocus="true" target="_blank" href="http://buy.qq.com/help/payment.html">支付方式</a>
						</p>
						<p>
							<a hidefocus="true" target="_blank" href="http://buy.qq.com/help/order.html">订单状态说明</a>
						</p>
						<p>
							<a hidefocus="true" target="_blank" href="http://buy.qq.com/help/promotional.html">促销规则</a>
						</p>
					</div>
				</div>
				<div class="item">
					<div class="item_cont">
						<h4><span>配送说明</span></h4>
						<p>
							<a hidefocus="true" target="_blank" href="http://buy.qq.com/help/delivery.html">配送及运费说明</a>
						</p>
						<p>
							<a hidefocus="true" target="_blank" href="http://buy.qq.com/help/split.html">拆分发货说明</a>
						</p>
					</div>
				</div>
				<div class="item">
					<div class="item_cont">
						<h4><span>售后服务</span></h4>
						<p>
							<a hidefocus="true" target="_blank" href="http://buy.qq.com/help/guarantee.html">购物保障</a>
						</p>
						<p>
							<a hidefocus="true" target="_blank" href="http://buy.qq.com/help/returned.html">退换货政策与流程</a>
						</p>
					</div>
				</div>
				<div class="item">
					<div class="item_cont">
						<h4><span>客服中心</span></h4>
						<p>
							客服中心热线
						</p>
						<p>
							400-700-0808
						</p>
					</div>
				</div>
			</div>
		</div>
		<!--footer-->
		<div class="footer">
			<p class="footer_link">
				<a target="_blank" href="#" hidefocus="true">关于zheng</a>
			  | <a target="_blank" href="#" hidefocus="true">About me</a>
			  | <a target="_blank" href="#" hidefocus="true">服务条款</a>
			  | <a target="_blank" href="#" hidefocus="true">广告服务</a>
			  | <a target="_blank" href="#" hidefocus="true">加入我们</a> 
			  | <a target="_blank" href="#" hidefocus="true">客服中心</a> 
			  | <a target="_blank" href="#" hidefocus="true">网站导航</a>
			</p>
			<p>
				Copyright© 1990-2011 yunl.zheng@gmail.com
			</p>
			<p>
				me <a target="_blank" href="#" hidefocus="true">版权所有</a>
			</p>
		</div>
		
		
		<!-- JiaThis Button BEGIN 
		<script type="text/javascript" src="http://v2.jiathis.com/code/jiathis_r.js?type=left&amp;move=0&amp;btn=l3.gif" charset="utf-8"></script>
		 JiaThis Button END -->
		
    </body>
</html>
